<template>
 <div class="box">
    <div class="header">
  <ol class="tag">
    <li>上海∨</li>
    <li>影院</li>
    
    <li ><van-icon name="search" /></li>
  </ol>
  <ol class="tag">
    <li>全城∨</li>
    <li>APP订票∨</li>
    
    <li >最近去过</li>
  </ol>
    </div>
  
  </div>
  <div class="content">
<p>上海黄埔剧院 <span>￥44起</span></p>
<p>上海黄埔剧院 <span>￥44起</span></p>
<p>上海黄埔剧院 <span>￥44起</span></p>

<p>上海黄埔剧院 <span>￥44起</span></p>
<p>上海黄埔剧院 <span>￥44起</span></p>
<p>上海黄埔剧院 <span>￥44起</span></p>
    </div>
</template>

<script setup>

</script>

<style lang="scss">
 .box{
    flex: 1;
    overflow: auto;
    .header{
      height: 3.75rem;
       .tag{
  background: honeydew;
  flex: 1;
  overflow: auto;
  width: 100%;
  height: 3.75rem;
  border-bottom:1px solid #f0f0f0 ;

  li{
      justify-content: center;
    width: 5.3125rem;
    height: 3.125rem;
    float: left;
    margin-left: 2.1875rem;
  }
}
    }
    .content{
      flex: 1;
      overflow: auto;
    }
  }
  
  

 
.content{

display: flex;
flex-direction: column;
overflow: auto;
flex: 1;
span{
  
  float: right;
  color:#ff5f16
}
    }
</style>